<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
	<title>保险记录</title>
	<script type="text/javascript" src="../../js/boot.js"></script>
</head>

<body>
	<div style="width: 100%; height: 98%;">
		<fieldset id="fd1" style="width: 97%; margin-bottom: 10px;">
			<legend><span>查询条件</span></legend>
			<div id="queryForm" class="fieldset-body">
				<table class="form-table" border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td class="form-label">
							<span>用户姓名：</span>
							<input name="userName" class="mini-textbox" style="width: 150px">
							<input name="userName_link" class="mini-hidden" value="like">
							<span>保险名称：</span>
							<input name="insureName" class="mini-textbox" style="width: 150px">
							<input name="insureName_link" class="mini-hidden" value="like">
							<span>日期从：</span>
							<input name="recordTime_from" class="mini-datepicker" format="yyyy-MM-dd" style="width: 150px" />
							<span>到：</span>
							<input name="recordTime_to" class="mini-datepicker" format="yyyy-MM-dd" style="width: 150px" />
							<span>状态：</span>
							<input name="status" class="mini-combobox" textField="text" valueField="id" data="CONST.get('useState', 'all')"
								value="1" style="width: 150px">
							<a style="margin: 0 0 0 0;" class="mini-button" iconCls="icon-search" onclick="search()">查询</a>
						</td>
					</tr>
				</table>
			</div>
		</fieldset>

		<div class="mini-fit">
			<div id="datagrid" class="mini-datagrid" style="width:100%;height:100%;" pageSize="20" idField="instID" allowResize="true"
				multiSelect="true">
				<div property="columns">
					<div type="indexcolumn" width="20"></div>
					<div field="userName" headerAlign="center" width="80">用户姓名</div>
					<div field="insureName" headerAlign="center" width="80">保险名称</div>
					<div field="insureSort" headerAlign="center" width="80">保险分类</div>
					<div field="policyID" headerAlign="center" width="200">保单编号</div>
					<div field="buyDate" dateFormat="yyyy-MM-dd" headerAlign="center" width="80" allowSort="true">
						购买日期
					</div>
					<div field="stopDate" dateFormat="yyyy-MM-dd" headerAlign="center" width="80" allowSort="true">
						停保日期
					</div>
				</div>
			</div>
		</div>
	</div>

</body>

<script type="text/javascript">
	miniInit();

	var queryForm = new mini.Form("#queryForm");
	var datagrid = miniui.getControl("datagrid"); // 表定义列表
	datagrid.set({
		url: http.getUrl("/com/map/page.do")
	});

	/*********************************************************
	 * 操作方法
	 *********************************************************/
	function search() {
		var data = queryForm.getData(true, false);
		data.tableName = "BAS_INSURANCE_USER_VIEW";
		datagrid.load(data);
	}

</script>

</html>